<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type='text/css' href='../style.css' rel='stylesheet' media="all" />
<title>Add Room</title>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
	  $("#checkEnd").hide();
  });
</script> 
</head>
<body>
	<div id="header"></div>
	<script>
		$('#header').load('../header.html');
	</script>
	<!-- call header -->
	<div id="wrap">
		<!-- content ------------------------------------------------------------------------------>
		<div id="content_container">
			<div id="content_wrap">

				<div id="content" class="clr">
					<!-- left sidebar -->
					<div class="left onefifth" id="profile_nav">
						<div id="sidebar"></div>
						<script>
							$('#sidebar').load('sidebar.html');
						</script>
						<!-- call sidebar -->
					</div>
					<!-- end left sidebar -->

					<!-- content ben phai -->
					<div class="right fourfifth" id="load-content">
						<h1>Add a new room</h1><br><br>
					<div id="container">
					<form id="form1" method="post" enctype="multipart/form-data" action="../addRoomService">
						<label>Room Name<span class="rq"> * </span></label>
						<input class="required" type="text" name="roomName"><br><br>

						<label>Type Of Room<span class="rq"> * </span></label>
						<select name="typeOfRoom">
						<option value="Single" selected>Single Room</option>
						<option value="Double">Double Room</option>
						</select><br><br>

						<label>Size<span class="rq"> * </span></label>
						<input class="required" type="text" name="size"><br><br>

						<label>Price Per Day<span class="rq"> * </span></label>
						<input class="required number" type="text" name="pricePerDay"><br><br>

						<label>Facility</label><br><br>

						<input type="checkbox" name="facility1" value="Y"/> Inside Bathroom<br>
						<input type="checkbox" name="facility2" value="Y"/> Television<br>
						<input type="checkbox" name="facility3" value="Y"/> Air Condition<br>
						<input type="checkbox" name="facility4" value="Y"/> Fridge
						<input id="checkEnd" type="text" name="checkEnd"><br><br>

						<input type="file" name="file1" size="50"><br><br>

						<input type="file" name="file2" size="50"><br><br>

						<input type="file" name="file3" size="50"><br><br>

						<input type="submit" value="Add" name="Add"><br><br><br><br>

					</form>
</div>
</div>

					<!-- het content ben phai -->

					<!-- het content ---------------------------------------------------------------->

					<div id="footer"></div>
					<script>
						$('#footer').load('../footer.html');
					</script>
					<!-- call footer -->
				</div>
				<!--content -->
			</div>
			<!--content_wrap -->
		</div>
		<!--content container -->
	</div>
	<!--wrap -->
</body>
</html>